<template>
    <el-tabs v-model="activePane" id="project">
        <el-tab-pane label="待托管" name="projectTodo">
            <project-todo></project-todo>
        </el-tab-pane>
         <el-tab-pane label="竞标中" name="projectBidding">
            <project-bidding></project-bidding>
        </el-tab-pane>
         <el-tab-pane label="实施中" name="projectDoing">
            <project-implementing></project-implementing>
        </el-tab-pane>
         <el-tab-pane label="已完成" name="projectDone">
            <project-done></project-done>
        </el-tab-pane>
         <el-tab-pane label="全部" name="projectAll">
            <project-all></project-all>
        </el-tab-pane>
    </el-tabs>
</template>
<script>
    import projectTodo from './todo.vue'
    import projectBidding from './bidding.vue'
    import projectImplementing from './implementing.vue'
    import projectDone from './done.vue'
    import projectAll from './all.vue'
    export default {
        data () {
            return {
                activePane: 'projectTodo'
            }
        },
        components: {
            projectTodo,
            projectBidding,
            projectImplementing,
            projectDone,
            projectAll
        }
    }
</script>
